<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/myMessage.css" />
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>
		<title></title>
		<style type="text/css">
			.top-header-left {
				top: 10px;
			}
			
			.backdrop {
				position: fixed;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: 998;
				background-color: rgba(0, 0, 0, .3);
				display: none;
			}
			
			.mui-table-view {
				font-size: 14px;
			}
		</style>
		<script type="text/javascript">
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
		</script>

	</head>

	<body>
		<div class="top-wrap">
			<div onclick="back()" class="top-header-left">
				<img src="../images/arrow-left-icon.png" />
			</div>
			<div class="title">
				我的消息
			</div>
			<div class="right">
				<div class="dengji">
					3级
				</div>
				<div id="jindutiao" class="jindutiao">
					<p class="mui-progressbar mui-progressbar-success" data-progress="20"><span></span></p>
				</div>
				<img src="../images/shuijiao.jpg" />
			</div>
		</div>
		<div class="" style="padding-top: 50px;padding-left: 10px; padding-right: 10px;">
			<div class="message-item-wrap">
				<div class="message-time">
					<img src="../images/rili-icon.png"/>
					<span>
						2018年8月0日-2018年10月0日
					</span>
				</div>
				<div class="message-item">
					<div class="name-time">
						<div class="left">
							geng
						</div>
						<div class="right">
							2018.08.05
						</div>
					</div>
					<div class="content">
						您注册的账号geng已经成功了，请及时登录。
					</div>
				</div>
				<div class="message-item">
					<div class="name-time">
						<div class="left">
							geng
						</div>
						<div class="right">
							2018.08.05
						</div>
					</div>
					<div class="content">
						您注册的账号geng已经成功了，请及时登录。
					</div>
				</div>
			</div>

		</div>

		<script type="text/javascript">
//			mui('#demo1').progressbar({
//				progress: 50
//			}).show();
//			
			mui("#jindutiao .mui-progressbar").each(function() {
				mui(this).progressbar({
					progress: this.getAttribute("data-progress")
				}).show();
			});
			
			mui('.top-wrap').on('tap', '.right', function() {
				var w = plus.webview.create('personalInfo.html');
				plus.webview.show(w,'fade-in',300);
			})
			//进入到详情页面
			function goPage(url) {
				var w = plus.webview.open(url, null, null, "slide-in-right")
			}

			function showMask() {
				document.getElementById('mask').style.display = 'block';
			}

			function hideMask() {
				document.getElementById('mask').style.display = 'none';
			}

			// 拍照
			function captureImage() {
				var cmr = plus.camera.getCamera();
				var res = cmr.supportedImageResolutions[0];
				var fmt = cmr.supportedImageFormats[0];
				console.log("Resolution: " + res + ", Format: " + fmt);
				cmr.captureImage(function(path) {
						alert("Capture image success: " + path);
					},
					function(error) {
						alert("Capture image failed: " + error.message);
					}, {
						resolution: res,
						format: fmt
					}
				);
			}

			// 从相册中选择图片 
			function galleryImg() {
				// 从相册中选择图片
				console.log("从相册中选择图片:");
				plus.gallery.pick(function(path) {
					console.log(path);
					document.getElementById('touxiang-pic').setAttribute('src', path);
				}, function(e) {
					console.log("取消选择图片");
				}, {
					filter: "image"
				});
			}

			//跳页 
			function goPage(pageUrl) {
				plus.webview.open(pageUrl, null, null, "slide-in-right")
			}
		</script>
	</body>

</html>